/* === Heading Styles (Semantic h-tags) === */

h1.fs-heading-xl {
    font-size: 60px;
}

h2.fs-heading-lg {
    font-size: 36px;
}

h3.fs-heading-md {
    font-size: 28px;
}

h4.fs-heading-sm {
    font-size: 24px;
}

/* Subtitle styles (non-header) */
div.fs-subtitle-lg {
    font-size: 20px;
    line-height: 1.5;
    font-weight: 500;
}

div.fs-subtitle-md {
    font-size: 18px;
    line-height: 1.5;
    font-weight: 500;
}

div.fs-subtitle-sm {
    font-size: 16px;
    line-height: 1.5;
    font-weight: 500;
}

/* Body Text */
p.fs-body-lg {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}

p.fs-body-md {
    font-size: 16px;
    line-height: 1.6;
    font-weight: 400;
}

p.fs-body-sm {
    font-size: 14px;
    line-height: 1.6;
    font-weight: 400;
}